<!DOCTYPE html>
<!--TODO: License and copyright-->
<html>
<head>
<title>Simple graphics demo</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<script src="../../third-party/closure/closure/goog/base.js"></script>
<script src="../deps.js"></script>
<script src="../io/json_test_mol.js"></script>
<script>  
    goog.require('specview.controller.Controller');
    goog.require('specview.controller.plugins.Highlight');
	goog.require('specview.io.json');
	goog.require('goog.events.EventType');
	goog.require('goog.dom');
</script>

<script>
function initPage(){
	var model = specview.io.json.readMolecule(jmol);
	var editor = new specview.controller.Controller(goog.dom.getElement('moleculeKontainer'),{background : {color : 'white'}});
    editor.registerPlugin(new specview.controller.plugins.Highlight());
    editor.setModels([model]);
};

goog.events.listen(window, goog.events.EventType.LOAD, initPage);
</script>

</head>
<body>

	<div id="moleculeKontainer" style="width: 400px; height: 200px"></div>
	<p>Simply move your mouse on atoms and bonds</p>
    
</body>
</html>
